<div class="boardgame-container {{gameId}}">

    <h1>{{gameName}}</h1>

    <table class="player-indicator">
        <tr ng-repeat="player in players">
            <td>{{player.name}}:</td>
            <td><span ng-show="hasScore">{{player.score}}</span>
                <end-game-boardgame-player-indicator></end-game-boardgame-player-indicator>
            </td>
        </tr>
        <tr>
            <td>Current player:</td>
            <td>{{getCurrentPlayer().name}}</td>
        </tr>
    </table>

    <div class="board">
        <div class="row" ng-repeat="row in board">
            <div class="cell" ng-repeat="cell in row" ng-click="cellClicked($parent.$index, $index)">
                <end-game-boardgame-cell></end-game-boardgame-cell>
            </div>
        </div>
    </div>
</div>

<button ng-click="resetBoard()">Reset board</button>

<a href="{{returnUrl}}">Leave the game</a>

</div>